<template>
    <div>
        <swiper :options="swiperOption">
        <swiper-slide v-for="slide in swiperSlides" :key="slide.id">I'm Slide {{ slide }}</swiper-slide>
        <div class="swiper-pagination" slot="pagination"></div>
        </swiper>
    </div>
</template>


<script>


import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default {
    data () { 
    return {
      swiperOption: {　　　　　
        autoplay:true,//自动切换
        pagination: {
          el: '.swiper-pagination'//分页器
        }
      },
      swiperSlides: [1, 2, 3]
    }
  },
    components:{
    swiper,
    swiperSlide
  }
    

}
</script>